body {
	background: #E6E3DC;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 0 white;
}

header {
	height: 40px;
	width: 100%;
}

.clear {
	clear: both;
}

#main-wrapper {
	width: 100%;
	position: relative;
	float: left;
}

#trip-definition {
	position: absolute;
	top: 10px;
	left: 10px;
}

#map-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}

#route-section {
	background: rgba(230,227,220,0.9);
	float: left;
	position: relative;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 5px #3b3b3b;
	-moz-box-shadow: 1px 1px 5px #3b3b3b;
	box-shadow: 1px 1px 5px #3b3b3b;
}

#route-input-section {
	float: left;
	clear: both;
	padding: 10px;
	width: 425px;
}

#reverse {
	float: left;
	position: relative;
	clear: both;	
	margin-top: -4px;
	text-align: right;
    width: 425px;    
}

#reverse a {
	position: relative;
    right: 115px;
}

.section-separator {
	width: 425px;
	border-top: 1px solid black;
	float: left;
	clear: both;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #9E904F;
	margin-bottom: 10px;
}

#route-details-section {
	display: none;
	float: left;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	width: 425px;
}

#hire-button {	
	display: inline;
	float: none;
}

#share-button {		
	display: inline;
	float: none;
}

#route-share {
	margin-top: 30px;
}

#route-description {
	background: #FFFFFF;
	padding: 10px;
	border-bottom: 10px solid #444;
	border-top: 1px dashed #444;
}

#calculate-button {		

}


#mate-section {
	display: none;
	float: left;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	width: 425px;
}

#main-nav {
	height: 0px;
	position: fixed;
	bottom: 0px;
	width: 100%;
}

/* Route entry form */
.form-ele {
	position: relative;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	clear: both;
}

.form-ele label {
	width: 50px;
	float: left;
}

.form-ele input {
	float: left;
}

.locate,.locating {
	float: left;
	padding-left: 5px;
}

.locating {
	display: none;
}

.address-field {
	width: 250px;
}

#route-amount {
	float: right;
	padding-right: 10px;
	position: relative;
}

#route-amount-value {
	line-height: 40px;
	font-size: 38px;
	font-weight: 800;
}

#route-amount-aprox {
	float: right;
}

#route-amount-aprox span {
	position: relative;
	top: 20px;
}

#route-extend {
	float: right;
	line-height: 20px;
}

#route-steps {
	clear: both;
	height: 150px;
	overflow: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;		
}

a, a:active, a:visited { color: #396082; }
a:hover { color: #2A4B5F; }


.section-title {
	clear: both;
	font-size: 24px;
	margin-bottom: 10px;
	background: url("/images/section_bkg.png") repeat-x;
	height: 35px;
	padding-left: 10px;	
}

a.button {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	font-family: helvetica, arial;
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;
	/* BACKGROUND GRADIENTS */
	background: #014464;
	background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E),
		color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C) );
	/* BORDER RADIUS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #368DBE;
	border-top: 1px solid #c3d6df;
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px black;
	/* BOX SHADOW */
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
	padding-left: 10px;
	padding-right: 10px;	
	padding-bottom: 5px;
	padding-top: 5px;
	float: right;	
}
a.button:hover { 	
	/* BOX SHADOW */
	-moz-box-shadow: 0 1px 1px black;
	-webkit-box-shadow: 0 1px 1px black;
	box-shadow: 0 1px 1px black;
	background: #8F2126;
	background: -moz-linear-gradient(top, #8F2126, #7A1F1D 50%, #701520 51%, #5C070A);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8F2126),
		color-stop(.5, #7A1F1D), color-stop(.5, #701520), to(#5C070A) );	
	border: 1px solid #BF4747;
	border-top: 1px solid #DEBABD;
	
}

input,select {
	border: 1px solid #999;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 0 white;
	background: #EBF7E5;
}

select {
	padding: 0px;
}